<!--
 * @Description:
 * @Version: 1.0
 * @Author: liguansheng
 * @Date: 2022-08-25 13:55:32
 * @LastEditors: liguansheng
 * @LastEditTime: 2022-08-25 14:09:26
-->
<template>
  <el-radio-group>
    <el-radio :label="item.name" v-for="item in list" :key="item.id">
      {{ item.displayName }}
    </el-radio>
  </el-radio-group>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'

import { getAllApiScopes } from '@/http/apiScope'
import { IApiScope } from '@/http/types/apiScope'

const list = ref<IApiScope[]>([])
const initData = async () => {
  const res = await getAllApiScopes()
  list.value = res
}
onMounted(() => {
  initData()
})
</script>

<style scoped lang="scss"></style>
